/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        secondary: {
          100: '#646c7a',
          200: '#9499A0',
          300: '#C9CCD0',
        },
        blue: {
          100: 'rgba(0, 174, 236, 0.1)',
          300: 'rgba(0, 174, 236, 0.5)',
          500: '#24C1F9',
          700: '#00AEEC',
          900: '#0090C4',
        },

        pink: {
          100: 'rgba(255, 102, 153, 0.1)',
          300: 'rgba(255, 102, 153, 0.5)',
          500: '#FF70A3',
          700: '#FF6699',
          900: '#E15584',
        },

        green: {
          100: 'rgba(42, 200, 100, 0.1)',
          300: 'rgba(42, 200, 100, 0.5)',
          500: '#3CE47A',
          700: '#2AC864',
          900: '#009A29',
        },

        yellow: {
          100: 'rgba(255, 127, 36, 0.1)',
          300: 'rgba(255, 127, 36, 0.5)',
          500: '#FF9A2E',
          700: '#FF7F24',
          900: '#D25F00',
        },

        red: {
          100: 'rgba(248, 90, 84, 0.1)',
          300: 'rgba(248, 90, 84, 0.5)',
          500: '#FF7873',
          700: '#F85A54',
          900: '#D94640',
        },

        gray: {
          50: '#F6F7F8',
          100: '#F1F2F3',
          300: '#E3E5E7',
          500: '#C9CCD0',
          700: '#9499A0',
          900: '#61666D',
        },

      },
    },
  },
  plugins: [],
  corePlugins: {
    preflight: false,
  },
};
